<!DOCTYPE html>
<html>
<head>
  <!-- Standard Meta -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

<link rel="image_src" type="image/jpeg" href="/images/logo.png" />

<!-- Site Properities -->
<meta name="generator" content="DocPad v6.79.4" />
<title>Test Page | Semantic UI</title>

<meta name="description" content="Semantic empowers designers and developers by creating a shared vocabulary for UI." />
<meta name="keywords" content="html5, ui, library, framework, javascript" />
  
  <script src="/javascript/library/detect.min.js"></script>
  <script src="/javascript/library/jquery.min.js"></script>
  <script src="/javascript/library/clipboard.min.js"></script>
  <script src="/javascript/library/cookie.min.js"></script>
  <script src="/javascript/library/easing.min.js"></script>
  <script src="/javascript/library/highlight.min.js"></script>
  <script src="/javascript/library/history.min.js"></script>
  <script src="/javascript/library/state.js"></script>
  <script src="/javascript/library/tablesort.min.js"></script>
  <script src="/javascript/library/underscore.min.js"></script>



  

<script src="/dist/semantic.min.js"></script>



  
<link rel="stylesheet" type="text/css" class="ui" href="/dist/semantic.min.css">


</head>
<body class="hotfix" ontouchstart="">
  <div class="ui menu">
  <div class="right menu">
    <div class="item">
      <div class="ui floating icon labeled button dropdown">
        <i class="filter icon"></i>
        <span class="text">Dropdown</span>
        <div class="menu">
          <div class="header">
            <i class="filter icon"></i> Dropdown
          </div>
          <div class="item">
            Loooooooooooooong item 1
          </div>
          <div class="item">
            Item 2
          </div>
          <div class="item">
            Item 3
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
<script>
  $(document).ready(function() {
$('.ui.dropdown')
  .dropdown({
    allowCategorySelection: true
  });
  });
</script>

<!-- TEST CSS HERE !-->
<style type="text/css">

.ui.container {
  padding-top: 6em;
}


</style>
</body>
</html>